﻿<div class="tables-view full-height" data-bind="with: tablesView">
    <div class="screen" data-bind="visible: screen() == 'records'">
        <div class="row full-width">
            <div class="large-2 columns">
                <div data-bind="with: tablesView">
                    @Html.Partial("Tables/TablesNav")
                </div>
            </div>
            <div class="large-10 columns">
                <div data-bind="with: recordsListView">
                    @Html.Partial("Tables/Filter")
                    @Html.Partial("Tables/TableRecordsView")
                </div>
            </div>
        </div>
    </div>
    <div class="screen" data-bind="visible: screen() == 'tables'">
        <div data-bind="with: tablesView">
            @Html.Partial("Tables/TablesList")
        </div>
    </div>
</div>
